<!DOCTYPE html>
<html lang="zh-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/carousel.css">
    <link rel="stylesheet" href="css/navigation.css">
    <title>小米官网轮播图和二级导航</title>
</head>

<body>
    <h1>小米官网轮播图和二级导航</h1>
    <h1>轮插图使用jQuery淡入淡出</h1>
    <div id="container">
        <!-- 轮播图结构 -->
        <div id="carousel">
            <div class="img-wrap">
                <a href=""><img width='1226px' height='460px' src="img/1.jpg" alt=""></a>
                <a href=""><img width='1226px' height='460px' src="img/2.jpg" alt=""></a>
                <a href=""><img width='1226px' height='460px' src="img/3.jpg" alt=""></a>
                <a href=""><img width='1226px' height='460px' src="img/4.jpg" alt=""></a>
                <a href=""><img width='1226px' height='460px' src="img/5.jpg" alt=""></a>
            </div>
            <div class="dot-list">
                <div class="active dot-item"></div>
                <div class="dot-item"></div>
                <div class="dot-item"></div>
                <div class="dot-item"></div>
                <div class="dot-item"></div>
            </div>
            <div class="switch left"></div>
            <div class="switch right"></div>
        </div>

        <!-- 导航菜单结构 -->
        <div id="navigation">
            <ul class="nav-list">
                <li class="nav-item-first">
                    <a href="javascript:;" class="first-link">手机 电话卡<img src="img/navigation_arrow.png" alt="" class="iconfont"></a>
                    <div class="show-wrap">
                        <ul class="item-wrap">
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称二级分类名称二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png"
                                        alt=""><span>二级分类名称</span></a></li>
                        </ul>
                    </div>

                </li>
                <li class="nav-item-first">
                    <a href="javascript:;" class="first-link">电视 盒子<img src="img/navigation_arrow.png" alt="" class="iconfont"></a>
                    <div class="show-wrap">
                        <ul class="item-wrap">
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/TV4A-32.png"
                                        alt=""><span>二级分类名称</span></a></li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item-first">
                    <a href="javascript:;" class="first-link">笔记本 平板<img src="img/navigation_arrow.png" alt="" class="iconfont"></a>
                    <div class="show-wrap">
                        <ul class="item-wrap">
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/bijiben80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/bijiben80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/bijiben80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/bijiben80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/bijiben80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/bijiben80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/bijiben80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/bijiben80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/bijiben80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/bijiben80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item-first">
                    <a href="javascript:;" class="first-link">家电 插线板<img src="img/navigation_arrow.png" alt="" class="iconfont"></a>
                    <div class="show-wrap">
                        <ul class="item-wrap">
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png"
                                        alt=""><span>二级分类名称</span></a></li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item-first">
                    <a href="javascript:;" class="first-link">出行 穿戴<img src="img/navigation_arrow.png" alt="" class="iconfont"></a>
                    <div class="show-wrap">
                        <ul class="item-wrap">
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/shouhuan3.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/shouhuan3.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/shouhuan3.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/shouhuan3.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/shouhuan3.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/shouhuan3.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item-first">
                    <a href="javascript:;" class="first-link">智能 路由器<img src="img/navigation_arrow.png" alt="" class="iconfont"></a>
                    <div class="show-wrap">
                        <ul class="item-wrap">
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/luyouqi4_80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/luyouqi4_80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/luyouqi4_80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/luyouqi4_80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/luyouqi4_80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/luyouqi4_80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/luyouqi4_80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/luyouqi4_80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/luyouqi4_80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item-first">
                    <a href="javascript:;" class="first-link">电源 配件<img src="img/navigation_arrow.png" alt="" class="iconfont"></a>
                    <div class="show-wrap">
                        <ul class="item-wrap">
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/dianyuan2.100080.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/dianyuan2.100080.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/dianyuan2.100080.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/dianyuan2.100080.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/dianyuan2.100080.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/dianyuan2.100080.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/dianyuan2.100080.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/dianyuan2.100080.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/dianyuan2.100080.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/dianyuan2.100080.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/dianyuan2.100080.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/dianyuan2.100080.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/dianyuan2.100080.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/dianyuan2.100080.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item-first">
                    <a href="javascript:;" class="first-link">健康 儿童<img src="img/navigation_arrow.png" alt="" class="iconfont"></a>
                    <div class="show-wrap">
                        <ul class="item-wrap">
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/xishouji.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/xishouji.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/xishouji.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/xishouji.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/xishouji.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/xishouji.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/xishouji.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/xishouji.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/xishouji.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/xishouji.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/xishouji.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/xishouji.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/xishouji.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/xishouji.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item-first">
                    <a href="javascript:;" class="first-link">耳机 音响<img src="img/navigation_arrow.png" alt="" class="iconfont"></a>
                    <div class="show-wrap">
                        <ul class="item-wrap">
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/erji80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/erji80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/erji80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/erji80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/erji80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/erji80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item-first">
                    <a href="javascript:;" class="first-link">生活 箱包<img src="img/navigation_arrow.png" alt="" class="iconfont"></a>
                    <div class="show-wrap">
                        <ul class="item-wrap">
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                            <li class="shop-item"><a href='#'><img src="https://i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg"
                                        alt=""><span>二级分类名称</span></a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>


    </div>
    <div style='text-align: center;margin-top: 30px;'>
        <a href="scroll_xuanting.html">顶部菜单滚动悬停</a><br><br>
        <a href="jQuery_carousel_for_XiaomiWeb.html">jQuery 滚动轮播图</a><br><br>
        <a href="screen_client_offset_scroll_inner_avail.html">screen client offset scroll inner avail</a><br><br>
        <a href="cookie.html">document.cookie</a><br><br>
    </div>


    <script src="js/jQueryV2.2.4.js"></script>
    <script src="js/carousel.js"></script>
    <script src="js/navigation.js"></script>

</body>

</html>